 /**
 * 通用css样式布局处理
 */

 /** 基础通用 **/
 .pt5 {
   padding-top: 5px;
 }

 .pr5 {
   padding-right: 5px;
 }

 .pb5 {
   padding-bottom: 5px;
 }

 .pb20 {
   padding-bottom: 20px !important;
 }

 .mt5 {
   margin-top: 5px;
 }

 .mt15 {
   margin-top: 15px;
 }

 .mr5 {
   margin-right: 5px;
 }

 .mr10 {
   margin-right: 10px;
 }

 .mb0 {
   margin-bottom: 0px !important;
 }

 .mb5 {
   margin-bottom: 5px;
 }

 .mb0 {
   margin-bottom: 0px !important;
 }

 .mb8 {
   margin-bottom: 8px;
 }

 .ml5 {
   margin-left: 5px;
 }

 .mtl5 {
   margin-top: 15px !important;
 }

 .mt10 {
   margin-top: 10px !important;
 }

 .mt-10 {
   margin-top: -10px !important;
 }

 .mr10 {
   margin-right: 10px;
 }

 .mb10 {
   margin-bottom: 10px;
 }

 .ml0 {
   margin-left: 10px;
 }

 .mt20 {
   margin-top: 20px;
 }

 .mr20 {
   margin-right: 20px;
 }

 .mb20 {
   margin-bottom: 20px;
 }

 .m20 {
   margin-left: 20px;
 }

 .w190 {
   width: 190px !important;
 }

 .w240 {
   width: 240px !important;
 }

 /*浮动*/
 .fl {
   float: left;
 }

 .fr {
   float: right !important;
 }

 .clearfix:after {
   display: block;
   content: "clear";
   height: 0;
   clear: both;
   visibility: hidden
 }

 /*pre*/
 .pre-wrap {
   white-space: pre-wrap;
 }

 .spaceno {
   white-space: nowrap;
 }

 /*flex*/
 .flex {
   display: flex;
 }

 .flex1 {
   flex: 1 !important;
 }

 .flex2 {
   flex: 2;
 }

 .flex3 {
   flex: 3;
 }

 .flex4 {
   flex: 4;
 }

 .flex5 {
   flex: 5;
 }

 .flex-align {
   display: flex;
   align-items: center;
 }

 /*垂直对齐*/
 .flex-center {
   display: flex;
   justify-content: center;
 }

 /*位于中间*/
 .flex-center-align {
   display: flex;
   align-items: center;
   justify-content: center;
 }

 /*水平对齐,垂直对齐*/
 .flex-between {
   display: flex;
   justify-content: space-between;
 }

 /*两端对齐*/
 .flex-around {
   display: flex;
   justify-content: space-around;
 }

 /*居中对齐*/
 .flex-evenly {
   display: flex;
   justify-content: space-evenly;
 }

 /*居中对齐*/
 .flex-end {
   display: flex;
   justify-content: flex-end;
 }

 /*右侧对齐*/
 .flex-wrap {
   flex-direction: row;
   flex-wrap: wrap;
 }

 /*换行*/
 .flex-column {
   display: flex;
   flex-direction: column;
 }

 .flex-column {
   display: flex;
   flex-direction: column;
 }

 .flex-stretch {
   display: flex;
   flex-direction: stretch;
 }

 /*ellipsis*/
 .ellipsis {
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
 }

 .ellipsis1 {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
   overflow: hidden
 }

 .ellipsis2 {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   overflow: hidden
 }

 .ellipsis3 {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
   overflow: hidden
 }

 .ellipsis4 {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 4;
   overflow: hidden
 }

 /**/
 .rel {
   position: relative;
 }

 /*font-size*/
 .tc {
   text-align: center;
 }

 .bold {
   font-weight: bold;
 }

 .cursor {
   cursor: pointer;
 }

 .fz12 {
   font-size: 12px;
 }

 .fz14 {
   font-size: 14px;
 }

 .fz16 {
   font-size: 16px;
 }

 .fz18 {
   font-size: 18px;
 }

 /**/
 .ml10 {
   margin-left: 10px;
 }

 .ml15 {
   margin-left: 15px;
 }

 /**/
 .pl {
   padding-left: px;
 }

 .pl10 {
   padding-left: 10px;
 }

 /**/
 .c333 {
   color: #333 !important;
 }

 .c666 {
   color: #666 !important;
 }

 .c999 {
   color: #999 !important;
 }

 .c000 {
   color: #000 !important;
 }

 .c189 {
   color: #1890FF !important;
 }

 /**/
 .dn {
   display: none;
 }

 .minw0 {
   min-width: 0px !important;
 }

 .minw200 {
   min-width: 200px !important;
 }

 /*img100*/
 .img100 {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }

 .app-main {
   background-color: #eee;
 }

 .table-search {
   position: relative;
   padding: 13px 15px 0;
   font-size: 14px;
   background-color: #fff;
 }

 .table-body {
   padding: 15px;
   margin-top: 15px;
   background-color: #fff;
 }

 .x-container {
   margin: 15px;
 }

 .table-pagination {
   margin-top: 15px;
 }